﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>代理商列表-微街秀管理后台</title>
    <link href="../css/css.css" rel="stylesheet" type="text/css" />
    <style>
        body
        {
            background-color: White;
            font-size: 14px;
        }
        table
        {
            border-collapse: collapse;
            border: none;
            width: 100%;
            text-align: center;
        }
        td
        {
            border: solid #ccc 1px;
            color: Black;
            height: 26px;
        }
        td a
        {
            text-decoration: none;
        }
        .td1, .td2, .td3, .td6
        {
            width: 100px;
            font-weight: bold;
            text-align: center;
        }
        .td4, .td5
        {
            width: 250px;
            font-weight: bold;
            text-align: center;
        }
        .td4
        {
            width: 80px;
        }
        .tdimg a
        {
            color: Black;
        }
        .tdimg img
        {
            height: 60px;
        }
        
    </style>
    <script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../js/base.js" type="text/javascript"></script>
    <script src="../js/ajax-data.js" type="text/javascript"></script>
    <script src="../js/Pager.js" type="text/javascript"></script>
    <script src="../js/dialog.js" type="text/javascript"></script>
</head>
<body>
    <div style="width: 860px;margin-left: auto; margin-right: auto;">
        <div style="margin: 10px 0 10px 0">
            微街秀ID:<input type="text" id="userid" name="userid" style="width: 80px;" />
            标题:<input type="text" id="key_word" name="key_word" style="width: 120px;" />    
            状态：<select id="state">
                <option value="-1">不限</option>
                <option value="0">未审核</option>
                <option value="1">已通过</option>
                <option value="2">已拒绝</option>
            </select>       
            <input type="button" id="btn" value="搜 索" onclick="submits()" />
            </div>
        <table>
        <tr><td style='width:60px;'>微街秀ID</td><td class='td5'>标题</td><td style='width:60px;'>截图数量</td><td class='td4'>发布时间</td><td style='width:60px;'>操作</td>
        </tr>
        <tbody id="list"></tbody>
        </table>
        <div class="pager_style">
            <ul class="page_num">
            </ul>
            <ul class="page_info">
                <li>总数:<span id="count">0</span></li>
                <li>每页:<span id="pageSize">0</span></li>
                <li>页数:<span id="pageToal">0</span></li>
            </ul>
        </div>
        <input type="hidden" id="pagecount" value="0" />
    </div>
    <br />
    <script>
        $(function () {
            GetList(1);
        })

        function GetList(page) {
            var state = 1;
            if (getQueryString("state") != null)
                state = getQueryString("state");
            var param = "page_index=" + page + "&state=" + state;
            var userid = $("#userid").val();    
            var key_word = $("#key_word").val();

            if (userid != "")
                param += "&userid=" + userid;
            if (key_word != "")
                param += "&title=" + decodeURIComponent(key_word);
            $("#list").html("");
            var html ="";
            AjaxStart("../ajax/fc_article.ashx?getlist", param, function (data) {
                if (data.code != 0) {
                    $("#list").html(html + "<tr><td colspan='8'>" + data.msg + "</td></tr>");
                }
                else {
                    $("#list").html("");
                    var list = data.item.table;
                    for (var i = 0; i < list.length; i++) {
                        var total = 0;
                        if (list[i].op_total != null && list[i].op_price != null)
                            total = parseFloat(list[i].op_total) * parseFloat(list[i].op_price);
                        var state = "";
                        if (list[i].state == 0)
                            state = "未审核";
                        else if (list[i].state == 1)
                            state = "<span style='color:green'>已审核</span>";
                        else if (list[i].state == 2)
                            state = "<span style='color:red'>已拒绝</span>";

                        html += "<tr>";
                        html += "<td style='height:40px;'>"+list[i].user_id+"</td>";
                        html += "<td class='tdimg' style='text-align:left;'><img src='" + list[i].logo + "' style='max-height:50px;max-width:60px;'/><a href= 'check.html?id=" + list[i].id + "'>" + list[i].title + "</a></td>";
                        html += "<td>" + (list[i].op_total - list[i].op_remainder) + "</td>";
                        html += "<td>" + list[i].date.replace("T", " ").substring(0, 19) + "</td>";
                        html += "<td><a href='check.html?id=" + list[i].id + "'>查看</a></td>";
                        html += "</tr>";
                    }

                    $("#list").html(html);
                    var pager = new Pager();
                    $(".page_info").css("display", "block")
                    pager.initPage(page, data.item.itemCount, 20, 5, GetList);
                }
            });
        }

        function submits() {
            GetList(1);
        }
    </script>
</body>
</html>
